/* pages/discover/discover.wxss */


// 顶部图片
.banner {
  position: relative;
  height: 280rpx;
  color: rgb(255, 255, 255);
  display: flex;

  image {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20rpx;

  }

  .text {
    margin-top: 54rpx;
    margin-left: 38rpx;
  }

  .title {
    height: 40rpx;
    line-height: 40rpx;
    font-size: 28rpx;
    font-family: SourceHanSansSC-regular;
  }

  .dec {
    margin-top: 26rpx;
    line-height: 24rpx;
    font-size: 20rpx;
    width: 284rpx;
    font-family: Arial-regular;
  }
}

.titles {
  display: flex;
  align-items: flex-end;
  margin-top: 62rpx;
  color: rgb(16, 16, 16);
  // height: 40rpx;
  line-height: 40rpx;

  view {
    margin-right: 38rpx;
  }

  .active {
    // margin: 0;
    margin-right: 32rpx;
    height: 36rpx;
    font-size: 36rpx;
    border-bottom: 8rpx solid #b3f2c7;
    font-family: PingFangSC-medium;
  }
}

// 通知列表
.noticeList {
  margin-top: 60rpx;

  .notice {
    display: flex;
    padding: 26rpx 22rpx 26rpx 30rpx;
    margin-bottom: 40rpx;
    border-radius: 20rpx;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);

    .text {
      font-size: 28rpx;

      .msg {
        margin-bottom: 8rpx;
        line-height: 38rpx;
      }

      .author {
        font-size: 20rpx;
        line-height: 28px;
        color: rgb(154, 154, 154);
      }
    }

    .img {
      display: flex;
      width: 112rpx;
      height: 112rpx;
      border-radius: 12rpx;
      margin-left: 54rpx;
      background: linear-gradient(154.08deg, rgba(180, 253, 255, 1) -0.04%, rgba(180, 253, 255, 0.2) 83.65%);
      justify-content: center;

      image {
        align-self: flex-end;
        width: 90rpx;
        height: 90rpx;
      }
    }
  }
}